<template>
  <i
    :class="[
      'mu-loading',
      `mu-icon-loading${type}`,
      {
        [`mu-${color}`]: color,
      },
    ]"
  ></i>
</template>
<style scoped>
</style>
<script>
//支持的类型
const types = [1, 2, 3, 4, 5, 6, 7];
export default {
  name: "mu-loading",
  props: {
    //loading类型
    type: {
      type: Number,
      default: 1,
      validator(value) {
        return types.includes(value);
      },
    },
    //颜色
    color: {
      type: String,
    },
  },
};
</script>